Micron Document
<!DOCTYPE html>
<html class="client-nojs vector-feature-language-in-header-enabled vector-feature-language-in-main-page-header-disabled vector-feature-page-tools-pinned-disabled vector-feature-toc-pinned-clientpref-0 vector-toc-not-available vector-feature-main-menu-pinned-disabled vector-feature-limited-width-clientpref-1 vector-feature-limited-width-content-enabled vector-feature-custom-font-size-clientpref-1 vector-feature-appearance-pinned-clientpref-0 skin-theme-clientpref-day vector-sticky-header-enabled" lang="de" dir="ltr"><head>
<meta charset="UTF-8">
<title>Creative Coding</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" type="image/png" href="./_res_/favicon.png">
<link rel="canonical" href="https://de.wikipedia.org/wiki/Creative_Coding"> <link href="./_mw_/ext.cite.styles.css" rel="stylesheet" type="text/css">
<link href="./_mw_/ext.wikimediamessages.styles.css" rel="stylesheet" type="text/css">
<link href="./_mw_/skins.vector.icons.css" rel="stylesheet" type="text/css">
<link href="./_mw_/skins.vector.search.codex.styles.css" rel="stylesheet" type="text/css">
<link href="./_mw_/skins.vector.styles.css" rel="stylesheet" type="text/css">
<meta name="ResourceLoaderDynamicStyles" content="">
<link href="./_mw_/ext.gadget.citeRef.css" rel="stylesheet" type="text/css">
<link href="./_mw_/ext.gadget.defaultPlainlinks.css" rel="stylesheet" type="text/css">
<link href="./_mw_/ext.gadget.dewikiCommonHide.css" rel="stylesheet" type="text/css">
<link href="./_mw_/ext.gadget.dewikiCommonLayout.css" rel="stylesheet" type="text/css">
<link href="./_mw_/ext.gadget.dewikiCommonStyle.css" rel="stylesheet" type="text/css">
<link href="./_mw_/ext.gadget.dewikiDarkmode.css" rel="stylesheet" type="text/css">
<link href="./_mw_/ext.gadget.dewikiResponsive.css" rel="stylesheet" type="text/css">
<link href="./_mw_/ext.gadget.specialSearch.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" type="text/css" href="./_mw_/site.styles.css">
<link rel="stylesheet" type="text/css" href="./_mw_/noscript.css">
<link rel="stylesheet" type="text/css" href="./_res_/footer.css">
<link rel="stylesheet" type="text/css" href="./_res_/vector-2022.css">
</head>
<body class="skin--responsive skin-vector skin-vector-search-vue mediawiki ltr sitedir-ltr mw-hide-empty-elt ns-0 ns-subject page-Creative_Coding rootpage-Creative_Coding skin-vector-2022 action-view">
<div class="mw-page-container">
<div class="mw-page-container-inner">
<div class="mw-content-container">
<main id="content" class="mw-body">
<header class="mw-body-header vector-page-titlebar">
<h1 id="firstHeading" class="firstHeading mw-first-heading"><span class="mw-page-title-main">Creative Coding</span></h1>
</header>
<a id="top"></a>
<div id="bodyContent" class="vector-body ve-init-mw-desktopArticleTarget-targetContainer" aria-labelledby="firstHeading" data-mw-ve-target-container="">
<div id="contentSub">
<div id="mw-content-subtitle"></div>
</div>
<div id="mw-content-text" class="mw-body-content mw-content-ltr" lang="de" dir="ltr"><div class="mw-content-ltr mw-parser-output" lang="de" dir="ltr">

<p><b>Creative Coding</b> ist ein entdeckungsbasierter Prozess, der aus Erforschung, <a href="Iteration" title="Iteration">Iteration</a> und Reflexion besteht und bei dem <a href="Programmierung" title="Programmierung">Code</a> als primäres Medium verwendet wird, um ein mediales Artefakt für einen künstlerischen Kontext zu entwickeln.<sup id="cite_ref-1" class="reference"><a href="#cite_note-1"><span class="cite-bracket">[</span>1<span class="cite-bracket">]</span></a></sup> Es wird unter anderem zur Erstellung von Live-Visuals, für <a href="Visual_Jockey" title="Visual Jockey">VJing</a>, sowie zur Erstellung von visueller Kunst und Design, Unterhaltung (z. B. <a href="Computerspiel" title="Computerspiel">Videospiele</a>), Kunstinstallationen, Projektionen und <a href="Projektionsmapping" title="Projektionsmapping">Projection Mapping</a>, Klangkunst und vielem mehr verwendet.
</p>

<div class="mw-heading mw-heading2"><h2 id="Geschichte">Geschichte</h2></div>
<p>Ausstellungen und Bücher, darunter Dominic Lopes’ <i>A Philosophy of Computer Art</i> (2009), haben versucht, die integrale Rolle der Codierung in der zeitgenössischen Kunst über die der Mensch-Computer-Schnittstelle (HCI) hinaus zu untersuchen.<sup id="cite_ref-2" class="reference"><a href="#cite_note-2"><span class="cite-bracket">[</span>2<span class="cite-bracket">]</span></a></sup>
</p>
<div class="mw-heading mw-heading2"><h2 id="Liste_der_Software_für_Creative_Coding"><span id="Liste_der_Software_f.C3.BCr_Creative_Coding"></span>Liste der Software für Creative Coding</h2></div>
<table class="wikitable sortable">
<tbody><tr>
<th>Name
</th>
<th>Beschreibung
</th>
<th>Betriebssystem
</th>
<th>Programmiersprache
</th>
<th>License
</th></tr>
<tr>
<td>Cinder<sup id="cite_ref-3" class="reference"><a href="#cite_note-3"><span class="cite-bracket">[</span>3<span class="cite-bracket">]</span></a></sup>
</td>
<td>Bibliothek für die Programmierung mit ästhetischen Absichten, einschließlich Bereichen wie Grafik, Audio, Video und computergestützte Geometrie.
</td>
<td><a href="Plattformunabh%C3%A4ngigkeit" title="Plattformunabhängigkeit">plattformunabhängig</a>
</td>
<td><a href="C%2B%2B" title="C++">C++</a>
</td>
<td><a href="BSD-Lizenz" title="BSD-Lizenz">2-Clause BSD License</a>
</td></tr>
<tr>
<td>Dittytoy<sup id="cite_ref-4" class="reference"><a href="#cite_note-4"><span class="cite-bracket">[</span>4<span class="cite-bracket">]</span></a></sup>
</td>
<td>Plattform, die es ermöglicht, generative Musik mit Hilfe einer minimalistischen Javascript-API zu erstellen.
</td>
<td><a href="Webbrowser" title="Webbrowser">Browser basiert</a>
</td>
<td><a href="JavaScript" title="JavaScript">JavaScript</a>
</td>
<td><a href="Propriet%C3%A4re_Software" title="Proprietäre Software">Proprietary</a>
</td></tr>
<tr>
<td>generativepy
</td>
<td>Bibliothek zur Erstellung visueller generativer Kunst und mathematischer Diagramme als Bilder und Videos.
</td>
<td><a href="Plattformunabh%C3%A4ngigkeit" title="Plattformunabhängigkeit">plattformunabhängig</a>
</td>
<td><a href="Python_(Programmiersprache)" title="Python (Programmiersprache)">Python</a>
</td>
<td><a href="MIT-Lizenz" title="MIT-Lizenz">MIT License</a>
</td></tr>
<tr>
<td><a href="Max/MSP" title="Max/MSP">Max MSP</a>
</td>
<td>Visuelle Programmiersprache für Musik und Multimedia.
</td>
<td><a href="Microsoft_Windows" title="Microsoft Windows">Windows</a>, <a href="MacOS" title="MacOS">Mac OS</a>
</td>
<td><a href="Visuelle_Programmiersprache" title="Visuelle Programmiersprache">Visual programming language</a>
</td>
<td><a href="Propriet%C3%A4re_Software" title="Proprietäre Software">Proprietary</a>
</td></tr>
<tr>
<td>Nannou<sup id="cite_ref-5" class="reference"><a href="#cite_note-5"><span class="cite-bracket">[</span>5<span class="cite-bracket">]</span></a></sup>
</td>
<td>Bibliothek, die es Künstlern leicht machen soll, sich mit einfachem, schnellem und zuverlässigem Code auszudrücken.
</td>
<td><a href="Plattformunabh%C3%A4ngigkeit" title="Plattformunabhängigkeit">plattformunabhängig</a>
</td>
<td><a href="Rust_(Programmiersprache)" title="Rust (Programmiersprache)">Rust</a>
</td>
<td><a href="MIT-Lizenz" title="MIT-Lizenz">MIT License</a>
</td></tr>
<tr>
<td><a href="OpenFrameworks" title="OpenFrameworks">openFrameworks</a>
</td>
<td>Toolkit zur Unterstützung des kreativen Prozesses durch Bereitstellung eines einfachen und intuitiven Rahmens für Experimente.
</td>
<td><a href="Plattformunabh%C3%A4ngigkeit" title="Plattformunabhängigkeit">plattformunabhängig</a>
</td>
<td><a href="C%2B%2B" title="C++">C++</a>
</td>
<td><a href="MIT-Lizenz" title="MIT-Lizenz">MIT License</a>
</td></tr>
<tr>
<td>OPENRNDR<sup id="cite_ref-6" class="reference"><a href="#cite_note-6"><span class="cite-bracket">[</span>6<span class="cite-bracket">]</span></a></sup>
</td>
<td>Kreatives Coding-Framework, das für das Prototyping und die Entwicklung robuster, leistungsstarker visueller und interaktiver Anwendungen konzipiert und entwickelt wurde.
</td>
<td><a href="Plattformunabh%C3%A4ngigkeit" title="Plattformunabhängigkeit">plattformunabhängig</a>
</td>
<td><a href="Kotlin_(Programmiersprache)" title="Kotlin (Programmiersprache)">Kotlin</a>
</td>
<td><a href="BSD-Lizenz" title="BSD-Lizenz">2-Clause BSD License</a>
</td></tr>
<tr>
<td><a href="Processing" title="Processing">p5.js</a>
</td>
<td>Plattform, die es Künstlern, Designern, Studenten und allen anderen ermöglicht, das Programmieren zu erlernen und sich kreativ im Web auszudrücken. Basiert auf den Grundprinzipien von Processing.
</td>
<td><a href="Webbrowser" title="Webbrowser">Browser basiert</a>
</td>
<td><a href="JavaScript" title="JavaScript">JavaScript</a>
</td>
<td><a href="GNU_Lesser_General_Public_License" title="GNU Lesser General Public License">LGPL</a>
</td></tr>
<tr>
<td><a href="Processing" title="Processing">Processing</a>
</td>
<td>Ein flexibles Software-Skizzenbuch und eine Sprache zum Erlernen des Programmierens im Kontext der bildenden Kunst.
</td>
<td><a href="Plattformunabh%C3%A4ngigkeit" title="Plattformunabhängigkeit">plattformunabhängig</a>
</td>
<td><a href="Java_(Programmiersprache)" title="Java (Programmiersprache)">Java</a> or <a href="Python_(Programmiersprache)" title="Python (Programmiersprache)">Python</a>
</td>
<td><a href="GNU_General_Public_License" title="GNU General Public License">GPL</a>, <a href="GNU_Lesser_General_Public_License" title="GNU Lesser General Public License">LGPL</a>
</td></tr>
<tr>
<td><a href="Pure_Data" title="Pure Data">Pure Data</a>
</td>
<td>Pd ermöglicht es Musikern, bildenden Künstlern, Performern, Forschern und Entwicklern, Software grafisch zu erstellen, ohne Zeilen von Code zu schreiben.
</td>
<td><a href="Plattformunabh%C3%A4ngigkeit" title="Plattformunabhängigkeit">plattformunabhängig</a>
</td>
<td><a href="Visuelle_Programmiersprache" title="Visuelle Programmiersprache">Visual programming language</a>
</td>
<td><a href="BSD-Lizenz" title="BSD-Lizenz">Modified BSD</a>
</td></tr>
<tr>
<td>Shoebot<sup id="cite_ref-7" class="reference"><a href="#cite_note-7"><span class="cite-bracket">[</span>7<span class="cite-bracket">]</span></a></sup>
</td>
<td>Eine kreative Programmierumgebung für die Erstellung von Vektorgrafiken und Animationen mit Python.
</td>
<td><a href="Plattformunabh%C3%A4ngigkeit" title="Plattformunabhängigkeit">plattformunabhängig</a>
</td>
<td><a href="Python_(Programmiersprache)" title="Python (Programmiersprache)">Python</a>
</td>
<td><a href="GNU_General_Public_License" title="GNU General Public License">GPLv3</a>
</td></tr>
<tr>
<td><a href="SuperCollider" title="SuperCollider">SuperCollider</a>
</td>
<td>
</td>
<td><a href="Plattformunabh%C3%A4ngigkeit" title="Plattformunabhängigkeit">plattformunabhängig</a>
</td>
<td>SuperCollider
</td>
<td><a href="GNU_General_Public_License" title="GNU General Public License">GPLv3</a>
</td></tr>
<tr>
<td><a href="Vvvv" title="Vvvv">vvvv</a>
</td>
<td>Hybride visuelle/textuelle Live-Programmierumgebung für einfaches Prototyping und Entwicklung. Sie wurde entwickelt, um den Umgang mit großen Medienumgebungen mit physischen Schnittstellen, Echtzeit-Bewegungsgrafiken, Audio und Video zu erleichtern.
</td>
<td><a href="Microsoft_Windows" title="Microsoft Windows">Windows</a>
</td>
<td><a href="Visuelle_Programmiersprache" title="Visuelle Programmiersprache">Visual programming language</a>
</td>
<td><a href="Propriet%C3%A4re_Software" title="Proprietäre Software">Proprietary</a>
</td></tr>
<tr>
<td>ZIM<sup id="cite_ref-8" class="reference"><a href="#cite_note-8"><span class="cite-bracket">[</span>8<span class="cite-bracket">]</span></a></sup>
</td>
<td>JavaScript Canvas Framework fügt viele Annehmlichkeiten, Komponenten und Steuerelemente hinzu, wobei der Schwerpunkt auf der Vereinfachung des Codes für Lernende und Fachleute liegt.
</td>
<td><a href="Plattformunabh%C3%A4ngigkeit" title="Plattformunabhängigkeit">plattformunabhängig</a>
</td>
<td><a href="JavaScript" title="JavaScript">JavaScript</a>
</td>
<td><a href="MIT-Lizenz" title="MIT-Lizenz">MIT License</a>
</td></tr></tbody></table>
<div class="mw-heading mw-heading2"><h2 id="Siehe_auch">Siehe auch</h2></div>
<ul><li><a href="Digitale_Kunst" title="Digitale Kunst">Digitale Kunst</a></li>
<li><a href="Generative_Gestaltung" title="Generative Gestaltung">Generative design</a></li>
<li><a href="Generative_Kunst" title="Generative Kunst">Generative art</a></li>
<li><a href="Demoszene" title="Demoszene">Demoscene</a></li></ul>
<div class="mw-heading mw-heading2"><h2 id="Literatur">Literatur</h2></div>
<ul><li>John Maeda: <i>Creative Code: Aesthetics + Computation (1st ed.),</i> Thames &amp; Hudson, Limited, S. 239, 2004, ISBN 0-500-28517-9</li>
<li>Ira Greenberg: <i>Processing: Creative Coding and Computational Art</i> (Foundation) (1st ed.), friends of ED, S. 840, 2004, ISBN 1-59059-617-X</li></ul>
<div class="mw-heading mw-heading2"><h2 id="Weblinks">Weblinks</h2></div>
<div class="sisterproject" style="margin:0.1em 0 0 0;"><div class="noresize noviewer" style="display:inline-block; line-height:10px; min-width:1.6em; text-align:center;" aria-hidden="true" role="presentation"><span class="mw-default-size" typeof="mw:File"><span title="Commons"></span></span></div><b><span class=""><a class="external text" href="https://commons.wikimedia.org/wiki/Category:Creative_coding?uselang=de"><span lang="en">Commons</span>: Creative Coding</a></span></b>&nbsp;– Sammlung von Bildern, Videos und Audiodateien</div>
<ul><li><a rel="nofollow" class="external text" href="http://video.pbs.org/video/2322911761/">The Art of Creative Coding</a> Video</li>
<li><a rel="nofollow" class="external text" href="https://www.creativeapplications.net/">Creative Application Network</a></li>
<li><a rel="nofollow" class="external text" href="https://devart.withgoogle.com/">Dev Art - Art made with Code</a> Projekt von Google</li>
<li><a rel="nofollow" class="external text" href="http://www.creativecode.io/">CreativeCode.io, Bildungsinitiative von GrayArea.org</a></li>
<li><a rel="nofollow" class="external text" href="https://www.vidcode.com/">Vidcode</a> Plattform für kreatives Programmieren für Schüler der Klassen K-12</li></ul>
<div class="mw-heading mw-heading2"><h2 id="Einzelnachweise">Einzelnachweise</h2></div>
<div class="mw-references-wrap"><ol class="references">
<li id="cite_note-1"><span class="mw-cite-backlink"><a href="#cite_ref-1">↑</a></span> <span class="reference-text">Mark Mitchell, Oliver C. Bown: <cite style="font-style:italic">Towards a Creativity Support Tool in Processing. Understanding the Needs of Creative Coders.</cite> In: <cite style="font-style:italic">OzCHI '13: Proceedings of the 25th Australian Computer-Human Interaction Conference: Augmentation, Application, Innovation, Collaboration</cite>. ACM Press, 2013, <span style="white-space:nowrap">S.<span style="display:inline-block;width:.2em">&nbsp;</span>143–146</span>, <a href="Digital_Object_Identifier" title="Digital Object Identifier">doi</a>:<span class="uri-handle" style="white-space:nowrap"><a rel="nofollow" class="external text" href="https://doi.org/10.1145/2541016.254109">10.1145/2541016.254109</a></span>.<span class="Z3988" title="ctx_ver=Z39.88-2004&amp;rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Abook&amp;rfr_id=info:sid/de.wikipedia.org:Creative+Coding&amp;rft.atitle=Towards+a+Creativity+Support+Tool+in+Processing.+Understanding+the+Needs+of+Creative+Coders.&amp;rft.au=Mark+Mitchell%2C+Oliver+C.+Bown&amp;rft.btitle=OzCHI+%2713%3A+Proceedings+of+the+25th+Australian+Computer-Human+Interaction+Conference%3A+Augmentation%2C+Application%2C+Innovation%2C+Collaboration&amp;rft.date=2013&amp;rft.doi=10.1145%2F2541016.254109&amp;rft.genre=book&amp;rft.pages=143-146&amp;rft.pub=ACM+Press" style="display:none">&nbsp;</span></span>
</li>
<li id="cite_note-2"><span class="mw-cite-backlink"><a href="#cite_ref-2">↑</a></span> <span class="reference-text"><span class="book">Dominic Lopes: <cite class="lang" lang="en" dir="auto" style="font-style:italic">A Philosophy of Computer Art</cite>. Routledge, London 2009, ISBN 0-415-54762-8 (englisch).<span class="Z3988" title="ctx_ver=Z39.88-2004&amp;rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Abook&amp;rfr_id=info:sid/de.wikipedia.org:Creative+Coding&amp;rft.au=Dominic%26%2332%3BLopes&amp;rft.btitle=A+Philosophy+of+Computer+Art&amp;rft.date=2009&amp;rft.genre=book&amp;rft.isbn=0415547628&amp;rft.place=London&amp;rft.pub=Routledge" style="display:none">&nbsp;</span></span></span>
</li>
<li id="cite_note-3"><span class="mw-cite-backlink"><a href="#cite_ref-3">↑</a></span> <span class="reference-text"><span class="cite"><a rel="nofollow" class="external text" href="https://libcinder.org/"><i>Cinder.</i></a><span class="Abrufdatum"> Abgerufen am 23.&nbsp;November 2024</span> (englisch).</span><span style="display: none;" class="Z3988" title="ctx_ver=Z39.88-2004&amp;rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Adc&amp;rfr_id=info%3Asid%2Fde.wikipedia.org%3ACreative+Coding&amp;rft.title=Cinder&amp;rft.description=Cinder&amp;rft.identifier=https%3A%2F%2Flibcinder.org%2F&amp;rft.language=en">&nbsp;</span></span>
</li>
<li id="cite_note-4"><span class="mw-cite-backlink"><a href="#cite_ref-4">↑</a></span> <span class="reference-text"><a rel="nofollow" class="external text" href="https://dittytoy.net/">Website</a> Dittytoy</span>
</li>
<li id="cite_note-5"><span class="mw-cite-backlink"><a href="#cite_ref-5">↑</a></span> <span class="reference-text"><a rel="nofollow" class="external text" href="https://nannou.cc/">Website</a> Nannou</span>
</li>
<li id="cite_note-6"><span class="mw-cite-backlink"><a href="#cite_ref-6">↑</a></span> <span class="reference-text"><a rel="nofollow" class="external text" href="https://openrndr.org">Website</a> OPENRNDR</span>
</li>
<li id="cite_note-7"><span class="mw-cite-backlink"><a href="#cite_ref-7">↑</a></span> <span class="reference-text"><span class="cite"><a rel="nofollow" class="external text" href="https://github.com/shoebot/shoebot"><i>shoebot/shoebot: Easy vector graphics with Python.</i></a> In: <i>GitHub.</i><span class="Abrufdatum"> Abgerufen am 23.&nbsp;November 2024</span> (englisch).</span><span style="display: none;" class="Z3988" title="ctx_ver=Z39.88-2004&amp;rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Adc&amp;rfr_id=info%3Asid%2Fde.wikipedia.org%3ACreative+Coding&amp;rft.title=shoebot%2Fshoebot%3A+Easy+vector+graphics+with+Python&amp;rft.description=shoebot%2Fshoebot%3A+Easy+vector+graphics+with+Python&amp;rft.identifier=https%3A%2F%2Fgithub.com%2Fshoebot%2Fshoebot&amp;rft.language=en">&nbsp;</span></span>
</li>
<li id="cite_note-8"><span class="mw-cite-backlink"><a href="#cite_ref-8">↑</a></span> <span class="reference-text"><a rel="nofollow" class="external text" href="https://zimjs.com">Website</a> ZIM</span>
</li>
</ol></div></div><!--htdig_noindex--><div><div class="zim-footer">
Dieser Artikel wurde von <a class="external text" title="Zuletzt bearbeitet am 2025-06-21" href="https://de.wikipedia.org/wiki/?title=Creative_Coding&amp;oldid=257241721">Wikipedia</a> herausgegeben. Der Text ist unter <a class="external text" href="https://creativecommons.org/licenses/by-sa/4.0/deed.de">Creative Commons Attribution-Share Alike 4.0</a> verfügbar, sofern nicht anders angegeben. Für die Mediendateien können zusätzliche Bedingungen gelten.
</div>
</div><!--/htdig_noindex--></div>
</div>
</main>
</div>
</div>
</div>
<script src="./_webp_/webpHandler.js"></script>

</body></html>